<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
  <link rel='stylesheet' type="text/css" href='css/font-awesome.min.css'>
	<link rel="stylesheet" type="text/css" href="css/swiper.css">
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
  <style type="text/css">
   /* #menu { margin: 0; padding: 0; position: fixed; right: 10px; top: 20px; list-style-type: none;}
    #menu li { float: left; margin:  0 10px 0 0; font-size: 16px;}
    #menu a { float: left; padding: 10px 15px;color: #fff; text-decoration: none;}*/
    #menu .active a { color: #2e74b7;}
    .section {font-family:"Microsoft Yahei"; color: #fff;}
</style>


</head>
<body>
  <div class="header">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid"> 
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
              <img src="img/logo.png" alt="息息.AI生活.更简单">
            </a>
          </div>
          <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul id="menu" class=" nav navbar-nav">
              <li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
              <li data-menuanchor="page2" style="width: 0;"><a href="#page2"></a></li>
              <li data-menuanchor="page3"><a href="#page3">关于我们</a></li>
              <li data-menuanchor="page4"><a href="#page4">产品中心</a></li>
              <li data-menuanchor="page5"><a href="#page5">新闻资讯</a></li>
              <li data-menuanchor="page6"><a href="#page6">联系我们</a></li>
            </ul>
          </div>
        </div>
    </nav>
  </div>
<div id="fullpage">
  <div class="section section1">
    <div class="xx_home">
      <h2 class="title fadeinRightsbig">人工智能时代希望能为你做点什么呢？</h2>
      <p id="offscreen-text" class="offscreen-text"></p>
      <p id="text" class="text"></p>
      <svg id="svg"></svg>
      <div class="output_int"><input type="text" class="input", id="input_vale1" /><i id="sendbtn1" class="swiper-button-next1 sendbtn fa fa-paper-plane fa-3x  shadow feiji"></i></div>
    </div>
  </div>
  <div class="section section2">
    <div class="barrage_box">
      <div class="xx_home xx_home_scend">
        <h2 class="title fadeinRights">人工智能时代希望能为你做点什么呢？</h2>
        <p id="offscreen-text" class="offscreen-text"></p>
        <p id="text" class="text"></p>
        <svg id="svg"></svg>
        <div class="output_int"><input type="text" class="input", id="input_vale2" placeholder="说点什么吧" /><i id="sendbtn2" class=" sendbtn fa fa-paper-plane fa-3x  shadow feiji"></i></div>
      </div>
    </div>
  </div>
  <div class="section section3">
    <div class="container about_list">
      <div class="row">
        <div class="about_con col-lg-6 col-md-6 col-sm-12 col-xs-12">
          <div>
            <h1 class="about_h1 rotateinDownleft">成都轻语科技有限公司</h1>
            <p class="">Chengdu Light Rain Technology Co., Ltd.</p>
            <span class="con_span"></span>
            <p class="con_index about_01 fadeinDown">息息人（人工智能助理），成立于2016年，是中国领先的新兴人工智能企业，从事认知计算，自然语言理解为核心的人工智能应用创新，提供人与设备，设备与设备之间的设备交互方案</p>
            <p class="con_index about_02 fadeinDown" >自主研发aios与ai应用平台，将未来上线，为用户与开发者提供人工智能交互方案（包括不限于：智能家居、手机、客服、汽车）和ai开发者入口。整体促进人工智能应用落地，让生活更简单。</p>
            <br/>
          </div>
        </div>
        <div class="about_address col-lg-6 col-md-6 col-sm-12 col-xs-12">
          <div class="address_pic">
            <img src="img/guanyuwe.png">
          </div>
          <div class="address_sys">
            <ul>
              <li class="con_li_01 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" >ADD： 成都市高新区天府软件园移动互联大厦G5栋303号</li>
              <li class="con_li_02 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s" >MAIL： hello@xixi.ai</li>
            </ul>
            <div class="sys_img">
              <img src="img/xixi_erweima.png " class="wow zoomIn" data-wow-duration="1s" data-wow-delay="2s" >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section section4">
    <div class="container banner_box_index">
      <div class="row">
        <div class="banner_con col-lg-12 col-md-12 col-sm-12 col-xs-12">
          <div class="main">
            <div class="swiper-container productSwiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="img/banner4.png">
                  <div class="banner_con_box row">
                    <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                      <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">情感倾向分析</h3>
                      <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                      <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">我们将全球范围内的，电商、团购、生活服务、信息评分等相关有用数据进行了标注分类处理，用深度学习系统训练出了情感分析模型。</p>
                    </div>
                    <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
                      <div class="banner_tiyanqu">
                        <h3 class="text-center ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">体验区</h3>
                        <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.1s">可输入一段话进行分析：</p>
                        <div class="text_main ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
                          <form action="">
                            <div class="text_con">
                              <textarea value="" class="text" id="textarea"></textarea>
                              <div class="text_proposal">建议输入10-200个字</div>
                            </div>
                            <div class="text_btn">
                              <button type="button" id="confirm">确认</button>
                            </div>
                            
                          </form>
                        </div>
                        <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">分析结果：</p>
                        <div class="banner_state ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.4s"">
                          <h5><i class="left">倾向</i><i class="right">消极</i></h5>
                          <div class="state_color_green">消极面</div>
                           <span class="mood"><i></i></span>
                           <span class="mood"><i></i></span>
                           <span class="mood"><i class="left"></i><i class="right"></i></span>
                           <span class="mood"><i></i></span>
                           <span class="mood"><i></i></span>
                          <div class="state_color">积极面</div>
                        </div>      
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                    <img src="img/banner1.png">
                    <div class="banner_con_box row">
                      <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">最可用的语言处理系统</h3>
                        <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                        <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">支持多领域，多场景，意图识别，可定制属于你的人工智能应用</p>
                      </div>
                      <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
                    </div>
                </div>
                <div class="swiper-slide">
                  <img src="img/banner2.png">
                  <div class="banner_con_box row">
                    <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                      <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">人工智能应用平台</h3>
                      <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                      <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">垂直对接，多维度使用，实现业务创新，创造更多丰富ai应用，把最优质服务呈现给客户</p>
                    </div>
                    <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="img/banner3.png">
                  <div class="banner_con_box row">
                    <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                      <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">构造精准的用户模型</h3>
                      <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                      <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">大数据为入口，数据挖掘为中心，为创造用户价值为奠基石，实现跨平台，跨设备，多场景，灵活度高的用户模型推荐算法构建</p>
                    </div>
                    <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
                      <div class="banner_img" >
                        <img src="img/phone.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section section5">
    <div class="container news_list">
      <div class="row" id="news">
        <script type="text/html" id="newstemplate">
            (*each data as v k*)
              <div class="new_item col-sm-6 col-md-4 " >
                <div class="new_cont">
                  <div class="item_img">
                    <div class="img_box">
                      <img src="(*v.cover*)" alt="(*v.title*)">
                    </div>
                    <a class="bg_p" href="#">
                      <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s" title='(*v.title*)'>(*v.title*)</p>
                    </a>
                  </div>
                  <div class="item_img item_picimg">
                    <div class="img_bg">
                    </div>
                    <a href="news_xiangqing.html">
                      <p desc='(*v.desc*)'>(*v.desc*)</p>
                    </a>
                  </div>
                </div>
              </div>
            (*/each*)
          </script>
      </div>  
    </div>
    <div class="new_more">
      <a href="/list.html">息息特训</a>
      <a href="/list.html" class="active">新闻资讯</a>
      <a href="/list.html">最新公告</a>
    </div>
  </div>

  <div class="section section6">
    <div class="container tells_list">
      <div class="row">
        <div class="tells_cn col-lg-6 col-md-6 col-sm-6 col-xs-12 fl">
          <div class="tells_con tell_con_01">
            <h5>办公网址</h5>
            <ul>
              <li>成都市高新区天府软件园移动互联大厦G</br>区G5栋303号</li>
            </ul>
          </div>
          <div class="tells_con tell_con_02">
            <h5>联系电话</h5>
            <ul>
              <li>4009965506</li>
            </ul>
          </div>
          <div class="tells_con tell_con_03">
            <h5>电子邮箱</h5>
            <ul>
              <li>商务合作： business@xixi.ai</li>
              <li>加入我们： job@xixi.ai</li>
              <li>投资意向： hell@xixi.ai</li>
            </ul>
          </div>
        </div>
        <div class="tells_put col-lg-6 col-md-6 col-sm-6 col-xs-12 fl">
          <div class="put_con">
            <h5 class="tell_con_04">联系我们</h5>
            <form action="">
              <input type="text" placeholder="姓名（必填）" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><br/>
              <input type="text" placeholder="邮箱（必填）" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s"><br/>
              <textarea placeholder="信息" class="ipt_message wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.5s"></textarea>
              <input type="submit" value="提交" class="ipt_sub wow fadeInRight" data-wow-duration="1s" data-wow-delay="2s">
            </form>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="index_foot">
          <div class="container index_foot_box">
            <div class="row">
              <div class="index_line col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
            </div>
            <div class="index_box_main">
              <div class="row">
                <a href="#" class="fl index_foot_a col-lg-2 col-md-4 col-sm-4 col-xs-12">
                  <img src="img/foot_logo.png" alt="息息.AI生活.更简单">
                  <img src="img/xixi.ai.png" alt="xixi生活" class="index_foot_a_img2">
                </a>
                <div class="index_foot_cen fl col-lg-7 col-md-4 col-sm-4 col-xs-12">
                  <p>©2016-2018 成都轻语科技有限公司<span></span><a href="https://jq.qq.com/?_wv=1027&k=5DN7XMn" class="index_foot_cen_herf"> Made in chengde</a></p>
                  <p>蜀ICP备 17039669号-1</p>
                </div>
                <div class="index_foot_more fr col-lg-3 col-md-4 col-sm-4 col-xs-12">
                  <div class="bg fr"><a href="https://www.linkedin.com/company/qykj/" target="_blank"><span class="in"></span></a></div>
                  <div class="bg fr"><a href="https://weibo.com/u/6378389081?topnav=1&wvr=6&topsug=1&is_hot=1" target="_blank"><span class="weibo"></span></a></div>
                  <div class="bg fr">
                    <span class="weixin"></span>
                    <div class="saoyisao">
                      <div class="saoyisao_img">
                        <img src="img/saoyisao.png">
                      </div>
                      <p>更多ai生活 请关注息息公众号</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/CSSPlugin.min.js"></script>
<script type="text/javascript" src="js/EasePack.min.js"></script>
<script type="text/javascript" src="js/TweenLite.min.js"></script>
<script type="text/javascript" src="js/jquery.barrager.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

  $.fn.fullpage({
    anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
    menu:'#menu',
    afterLoad: function(anchorLink, index){

      if(index == 1){
        $('.section1').find('.title').addClass('fadeinRightsbig');
        $('.header').fadeOut();
      }else{
        $('.header').fadeIn();
      }

      if(index == 2){
        $('.navbar-default .navbar-nav li').eq(0).addClass('active');
        $('.section2').find('.title').addClass('fadeinRights');
      }

      if(index == 3){
        $('.section3').find('.about_h1').addClass('rotateinDownleft');
        $('.section3').find('.about_01').addClass('fadeinDown');
        $('.section3').find('.about_02').addClass('fadeinDown');
      }

      if(index == 4){
        $('.section4').find('p').fadeIn(2000);
      }

       if(index == 5){
        $('.section5').find('p').fadeIn(2000);
      }

       if(index == 6){
        $('.section6').find('p').fadeIn(2000);
      }

    },

    onLeave: function(index, direction){
      if(index == 1){
        $('.section1').find('.title').removeClass('fadeinRightsbig')
      }

      if(index == 2){
        $('.section2').find('.title').removeClass('fadeinRights')
      }

      if(index == 3){
        $('.section3').find('.about_h1').removeClass('rotateinDownleft')
        $('.section3').find('.about_01').removeClass('fadeinDown');
        $('.section3').find('.about_02').removeClass('fadeinDown');
      }

      if(index == 4){
        $('.section4').find('p').fadeOut(2000);
      }

      if(index == 5){
        $('.section4').find('p').fadeOut(2000);
      }

      if(index == 6){
        $('.section4').find('p').fadeOut(2000);
      }

    }

  });

});




</script>


</body>
</html>  